<template>
    <div>
        <div class="header_box">
            <i class="icon" @click="$router.back()"></i>
            <div class="header-title"><slot></slot></div>
        </div>
    </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
.header_box {
    position: relative;
    padding: 10px 0;
    .icon {
        display: block;
        position: absolute;
        top: 15px;
        left: 5px;
        width: 10px;
        height: 10px;
        border: 2px solid #313131;
        border-bottom: 0;
        border-right: 0;
        transform: rotate(-45deg);
    }
    .header-title {
        text-align: center;
    }
    span {
        font-size: 16px;
        color: #313131;
    }
}
</style>
